<template>
  <div class="empty-container">
      <Icon type='empty'/>
      <p>{{text}}</p>
  </div>
</template>

<script>
import Icon from '../Icon'
export default {
    components: {
        Icon
    },
    props: {
        text: {
            type: String,
            default: "无数据"
        }
    }
}
</script>

<style lang="less" scoped>
@import "~@/style/var.less";
@import "~@/style/mixin.less";
.empty-container{
    .iconfont{
        font-size: 80px;
        
    }
    color: @gray;
    text-align: center;
    margin: auto 0;
    .self-center();
}
</style>